<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Fake</title>
    <link type="text/css" href="css/css.css" rel="stylesheet"/>

    <style type="text/css">
        #username1 {
            font-size: 25px;
            color: #7BC144;
        }

    </style>

    <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".vipNav dd:first").show();
        })

        //--------------------------------------------------------------------------------------


        //--------------------------------------------------------------------------------------


    </script>
</head>

<body style="background-color: white">
<div class="mianCont">
    <div class="top">
        <span id="xianshiquyu">欢迎来到Fake 请&nbsp;<a href="login-register.html">[登录/注册]</a></span>
        <span class="topRight">
    <a href="vip.html">Fake</a>&nbsp;|
    <a href="order.html">我的订单</a>&nbsp;|
    <a href="login.html">会员中心</a>&nbsp;|
    <a href="contact.html">联系我们</a>
   </span>
    </div><!--top/-->
    <div class="lsg">
        <h1 class="logo"><a href="index.html"><img src="images/logoA.png" width="280" height="81" /></a></h1>
        <form action="#" method="get" class="subBox">
            <div class="subBoxDiv">
                <input type="text" class="subLeft"/>
                <input type="image" src="images/subimg.png" width="63" height="34" class="sub"/>
                <div class="hotWord">
                    热门搜索：
                    <a href="proinfo.html">冷饮杯</a>&nbsp;
                    <a href="proinfo.html">热饮杯</a> &nbsp;
                    <a href="proinfo.html">纸杯</a>&nbsp;
                    <a href="proinfo.html">纸巾</a> &nbsp;
                    <a href="proinfo.html">纸巾</a> &nbsp;
                    <a href="proinfo.html">纸杯</a>&nbsp;
                </div><!--hotWord/-->
            </div><!--subBoxDiv/-->
        </form><!--subBox/-->
        <div class="gouwuche">
            <div class="gouCar">
                <img src="images/gouimg.png" width="19" height="20" style="position:relative;top:6px;"/>&nbsp;|&nbsp;
                <strong class="red">0</strong>&nbsp;件&nbsp;|
                <strong class="red">￥ 0.00</strong>
                <a href="order.html">去结算</a> <img src="images/youjian.jpg" width="5" height="8"/>
            </div><!--gouCar/-->
            <div class="myChunlv">
                <a href="vip.html"><img src="images/mychunlv.jpg" width="112" height="34"/></a>
            </div><!--myChunlv/-->
        </div><!--gouwuche/-->
    </div><!--lsg/-->
    <div class="pnt">
        <div class="pntLeft">
            <h2 class="Title">所有商品分类
                <ul class="InPorNav">
                    <li><a href="product.html">纸杯系列</a>
                        <div class="chilInPorNav">
                            <a href="#">单层热饮杯</a>
                            <a href="#">双层中空杯</a>
                            <a href="#">瓦楞隔热杯</a>
                            <a href="#">双淋膜冷饮杯</a>
                            <a href="#">爆米花桶</a>
                            <a href="#">纸碗</a>
                            <a href="#">冰淇淋纸杯</a>
                            <a href="#">PS杯盖</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">PET系列</a>
                        <div class="chilInPorNav">
                            <a href="#">PET透明杯</a>
                            <a href="#">PET透明盖</a>
                            <a href="#">PET透明沙拉盒</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">饮品杯配套系列</a>
                        <div class="chilInPorNav">
                            <a href="#">杯袖</a>
                            <a href="#">环保纸浆杯托</a>
                            <a href="#">纸杯打包袋</a>
                            <a href="#">吸管</a>
                            <a href="#">搅拌棒</a>
                            <a href="#">杯盖</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">纸浆环保餐具系列</a>
                        <div class="chilInPorNav">
                            <a href="#">纸碟</a>
                            <a href="#">纸碗</a>
                            <a href="#">纸浆带盖汤碗</a>
                            <a href="#">连体餐盒</a>
                            <a href="#">分体餐盒</a>
                            <a href="#">纸浆沙拉盒</a>
                            <a href="#">纸托盘</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">纸餐盒系列</a>
                        <div class="chilInPorNav">
                            <a href="#">圆底纸餐盒</a>
                            <a href="#">方底纸餐盒</a>
                            <a href="#">三明治纸盒</a>
                            <a href="#">蛋糕盒</a>
                            <a href="#">其他纸餐盒</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">刀叉勺餐具</a>
                        <div class="chilInPorNav">
                            <a href="#">PS刀叉勺系列</a>
                            <a href="#">PLA刀叉勺系列</a>
                            <a href="#">淀粉刀叉勺系列</a>
                            <a href="#">搅拌棒/吸管</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">生活用纸</a>
                        <div class="chilInPorNav">
                            <a href="#">餐巾纸</a>
                            <a href="#">抽纸</a>
                            <a href="#">卫生纸</a>
                            <a href="#">擦手纸</a>
                            <a href="#">其他纸类</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">纸袋/环保打包袋</a>
                        <div class="chilInPorNav">
                            <a href="#">纸袋</a>
                            <a href="#">环保淀粉塑料袋</a>
                            <a href="#">PLA塑料袋</a>
                            <a href="#">食品袋</a>
                        </div><!--chilLeftNav/-->
                    </li>
                </ul><!--InPorNav/-->
            </h2>
        </div><!--pntLeft/-->
        <div class="pntRight">
            <ul class="nav">
                <li><a href="index.html">商城首页</a></li>
                <li><a href="product.html">促销中心</a></li>
                <li><a href="login.html">会员中心</a></li>
                <li><a href="help.html">帮助中心</a></li>
                <div class="clears"></div>
                <div class="phone">TEL：021-12345678</div>
            </ul><!--nav/-->
        </div><!--pntRight/-->
        <div class="clears"></div>
    </div><!--pnt/-->
    <div class="positions">
        当前位置：<a href="index.html">首页</a> &gt; <a href="vip.html">会员中心</a>
        &gt; <a href="#" class="posCur">我的订单</a>
    </div><!--positions/-->
    <div class="cont">
        <div class="contLeft" id="contLeft">
            <h3 class="leftTitle">会员中心</h3>
            <dl class="helpNav vipNav">
                <dt>我的主页</dt>
                <dd>
                    <a href="vip.html" class="vipCur">个人中心</a>
                    <a href="vipOrder.html">我的订单</a>
                </dd>
                <dt>账户设置</dt>
                <dd>
                    <a href="vipPwd.html">密码修改</a>
                    <a href="vipAdress.html">收货地址</a>
                </dd>
                <dt>客户服务</dt>
                <dd>
                    <a href="vipExit.html">网站使用条款</a>
                    <a href="vipTuihuo.html">网站免责声明</a>
                    <a href="message.html">在线留言</a>
                </dd>


            </dl><!--helpNav/-->
        </div><!--contLeft/-->
        <div class="contRight">
            <h1 class="vipName"><span>用户名：</span><span id="username1"></span><strong class="vipUp" id="xiugaixinxi">[点击修改/补充个人信息]</strong></h1>
            <table class="vipMy">
                <tr id="tr1">
                    <th>编号</th>
                    <th>昵称</th>
                    <th>性别</th>
                    <th>生日</th>
                    <th>邮箱</th>
                    <th>手机号</th>
                    <th>真实姓名</th>
                    <th>状态</th>
                    <th>身份</th>
                </tr>
                <tr id="tr2">
                    <td id="tr2_td1"></td>  <!--编号-->
                    <td id="tr2_td2"></td>  <!--昵称-->
                    <td id="tr2_td3"></td>  <!--性别-->
                    <td id="tr2_td4"></td>  <!--生日-->
                    <td id="tr2_td5"></td>  <!--邮箱-->
                    <td id="tr2_td6"></td>  <!--手机号-->
                    <td id="tr2_td7"></td>  <!--真实姓名-->

                    <td id="tr2_td8"></td>  <!--状态-->
                    <td id="tr2_td9"></td>  <!--身份-->
                </tr>
            </table><!--vipMy/-->
            <div class="address">
                <div class="addList">
                    <label><span class="red">* </span>编号:</label>
                    <input type="text" id="td_update_1" name="td_update_1" disabled/>
                </div><!--addList-->
                <div class="addList">
                    <label><span class="red">* </span>昵称:</label>
                    <input type="text" id="td_update_2" name="td_update_2"/>
                </div><!--addList-->
                <div class="addList">
                    <label><span class="red">* </span>性别:</label>
                    <input type="text" id="td_update_3" name="td_update_3"/>
                </div><!--addList-->
                <div class="addList">
                    <label><span class="red">* </span>生日:</label>
                    <input type="date" id="td_update_4" name="td_update_4"/>
                </div><!--addList-->
                <div class="addList">
                    <label><span class="red">* </span>邮箱:</label>
                    <input type="text" id="td_update_5" name="td_update_5"/> <!--或者固定电话 <input type="text"/>-->
                </div><!--addList-->
                <div class="addList">
                    <label><span class="red">* </span>手机号:</label>
                    <input type="text" id="td_update_6" name="td_update_6"/> <!--或者固定电话 <input type="text"/>-->
                </div><!--addList-->
                <div class="addList">
                    <label><span class="red">* </span>真实姓名:</label>
                    <input type="text" id="td_update_7" name="td_update_7"/> <!--或者固定电话 <input type="text"/>-->
                </div><!--addList-->
                <div class="addList">
                    <label><span class="red">* </span>状态:</label>
                    <input type="text" id="td_update_8" name="td_update_8" disabled="disabled"/> <!--或者固定电话 <input type="text"/>-->
                </div><!--addList-->
                <div class="addList">
                    <label><span class="red">* </span>身份:</label>
                    <input type="text" id="td_update_9" name="td_update_9" disabled="disabled"/> <!--或者固定电话 <input type="text"/>-->
                </div><!--addList-->

                <div class="addList2">
                    <input type="image" src="images/baocun.png" width="79" height="30" id="baocun"/>
                </div><!--addList2/-->
            </div><!--address/-->
        </div><!--contRight/-->
        <div class="clears"></div>
    </div><!--cont/-->
    <div class="inHelp">
        <div class="inHLeft">
            <h4>帮助中心</h4>
            <ul class="inHeList">
                <li><a href="help.html">购物指南</a></li>
                <li><a href="help.html">支付方式</a></li>
                <li><a href="help.html">售后服务</a></li>
                <li><a href="about.html">企业简介</a></li>
                <div class="clears"></div>
            </ul><!--inHeList/-->
        </div><!--inHLeft/-->
        <div class="inHLeft">
            <h4>会员服务</h4>
            <ul class="inHeList">
                <li><a href="reg.html">会员注册</a></li>
                <li><a href="login.html">会员登录</a></li>
                <li><a href="order.html">购物车</a></li>
                <li><a href="order.html">我的订单</a></li>
                <div class="clears"></div>
            </ul><!--inHeList/-->
        </div><!--inHLeft/-->
        <div class="inHRight">
            <h4>全国统一免费服务热线</h4>
            <div class="telBox">400-0000-0000</div>
            <div class="weibo">
                <wb:follow-button uid="2991975565" type="red_1" width="67" height="24"></wb:follow-button>
            </div>
        </div><!--inHRight/-->
        <div class="clears"></div>
    </div><!--inHelp/-->
    <div class="footer">
        <p>
            <a href="#">进入17官网</a>&nbsp;|&nbsp;
            <a href="index.html">商城首页</a>&nbsp;|&nbsp;
            <a href="product.html">促销中心</a>&nbsp;|&nbsp;
            <a href="order.html">我的订单</a>&nbsp;|&nbsp;
            <a href="new.html">新闻动态</a>&nbsp;|&nbsp;
            <a href="login.html">会员中心</a>&nbsp;|&nbsp;
            <a href="help.htmll">帮助中心</a>
        </p>
        <p>
            版权所有：上海17实业有限公司 版权所有 Copyright 2010-2015 沪ICP备00000000号 <a href="http://www.mycodes.net/" target="_blank">源码之家</a>
        </p>
    </div><!--footer/-->
</div><!--mianCont/-->
<a href="#" class="backTop">&nbsp;</a>
</body>
<script src="js/layer/layer.js"></script>
<script>
    $(function () {
        // ajax
        $.post('gerenzhongxin.do', {}, function (data) {

            // 将json串转成字符串
            // 全局变量
            str = JSON.parse(data);
            // 标题姓名
            $('#username1').text(str.account);

            $('#tr2_td1').html(str.uno); // 编号
            $('#tr2_td2').html(str.uname); // 昵称
            $('#tr2_td3').html(str.gender); // 性别
            $('#tr2_td4').html(str.birthday); // 生日
            $('#tr2_td5').html(str.email); // 邮箱
            $('#tr2_td6').html(str.phone); // 手机号
            $('#tr2_td7').html(str.realname); // 真实姓名

            $('#tr2_td8').html(str.status==1?"正常":"封禁"); // 状态
            $('#tr2_td9').html(str.status==1?"普通用户":"管理员"); // 身份


            // 状态不是正常  字体显示红色
            if(str.status.trim() != "1"){
                $('#tr2_td8').css("color","red");
            }
            if(str.power.trim() != "1"){
                $('#tr2_td9 ').css("color","red");
            }




        })


    })


    // 点击 修改/补充个人信息  将用户的所有信息显示在文本框中
    $('#xiugaixinxi').click(function () {
        var power1 = str.power.trim();
        // 修改 状态和身份 默认不能修改 判断身份==管理员，移除disabled属性
        if(power1 == "管理员"){
            $('#td_update_8').removeAttr("disabled");
            $('#td_update_9').removeAttr("disabled");
        }

        $('#td_update_1').attr("value", str.uno); // 编号  不能修改
        $('#td_update_2').attr("value", str.uname); // 昵称
        $('#td_update_3').attr("value", str.gender); // 性别
        $('#td_update_4').attr("value", str.birthday); // 生日
        $('#td_update_5').attr("value", str.email); // 邮箱
        $('#td_update_6').attr("value", str.phone); // 手机号
        $('#td_update_7').attr("value", str.realname); // 真实姓名
        $('#td_update_8').attr("value", str.status); // 状态   判断如果是管理员可以修改
        $('#td_update_9').attr("value", str.power); // 身份   判断如果是管理员可以修改



    })
    // 修改中 当点击保存按钮后 验证是否有文本为空，在进行提交
    $('#baocun').click(function () {
        var uno = $('#td_update_1').val().trim(); // 编号
        var uname = $('#td_update_2').val().trim(); // 昵称
        var gender = $('#td_update_3').val().trim(); // 性别
        var birthday = $('#td_update_4').val().trim(); // 生日
        var email = $('#td_update_5').val().trim(); // 邮箱
        var phone = $('#td_update_6').val().trim(); // 手机号
        var realname = $('#td_update_7').val().trim(); // 真实姓名
        var status = $('#td_update_8').val().trim(); // 状态
        var power = $('#td_update_9').val().trim(); // 身份

        var regemail =/^[a-z1-9A-Z]{1}\w*@[a-z0-9]+(\.[a-z]+){1,3}$/;
        var regphone =/^1[3|4|5|6|7|8|9]{1}\d{9}$/
        // 判断是否有空值
        if (uname=='' || uname==null || gender=='' || gender==null || birthday=='' || birthday==null || email=='' || email == null|| phone=='' || phone==null || realname=='' || realname == null|| status=='' || status == null|| power=='' || power == null) {
            layer.msg('必选项不能为空！', {icon: 5});
            return false;
        } else if(!regemail.test(email)){
            layer.msg('请输入合法的邮箱', {icon: 5});
            return false;
        } else if(!regphone.test(phone)){
            layer.msg('请输入合法的手机号', {icon: 5});
            return false;
        }
        else {
            // 通过ajax上传修改的数据
            $.post(
                'updateInfo.do', {
                    uno: uno,
                    uname: uname,
                    gender: gender,
                    birthday: birthday,
                    email: email,
                    phone: phone,
                    realname: realname,
                    status: status,
                    power: power
                }, function (data) {
                    if (data.code == 200) {
                        layer.alert('修改成功', {icon: 6},function () {
                         location.reload();
                        });
                    } else {
                        alert("201");
                        layer.alert('修改失败', {icon: 5});
                    }
                }, "JSON")
        }


    })





</script>


</html>